<template>
  <footer class="footer-content">
    <div class="container">
      <div class="contact_grid_left">
        <ul class="list-unstyled row loaction-content">
          <li class="col-lg-4 address-content-inf-w3ls">
            <div class="row">
              <div class="col-md-3 icon-left">
                <span class="fa fa-home"></span>
              </div>
              <div class="col-md-9 icon-right">
                <h6>地址</h6>
                <p>
                  {{(pcConfig.about && pcConfig.about.companyAddress) || '惠州 • 广东省惠州市惠城区 T21 创意园 8 号楼 4 楼'}}
                </p>
              </div>
            </div>
          </li>
          <li class="col-lg-4 address-content-inf-w3ls">
            <div class="row">
              <div class="col-md-3 icon-left">
                <span class="fa fa-envelope"></span>
              </div>
              <div class="col-md-9 icon-right">
                <h6>邮箱</h6>
                <a :href="'mailto:'+(pcConfig.about && pcConfig.about.companyEmail) || 'hr@bancheng.cn'">{{(pcConfig.about && pcConfig.about.companyEmail) || 'hr@bancheng.cn'}}</a>
              </div>
            </div>
          </li>
          <li class="col-lg-4 address-content-inf-w3ls">
            <div class="row">
              <div class="col-md-3 icon-left">
                <span class="fa fa-phone"></span>
              </div>
              <div class="col-md-9 icon-right">
                <h6>联系方式</h6>
                <p>{{(pcConfig.about && pcConfig.about.companyPhone) || '0752-8465752'}}</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <p class="copy-right-grids text-li text-center my-sm-4 my-4">
        <a href="https://banchengyun.com">广东半城科技有限公司</a><br>
        Copyright 2014 - 2019 Halfcity. All Rights Reserved    粤ICP备15029298号-4 增值电信业务经营许可证：粤B2-20190059
      </p>
      <div class="top_move text-center">
        <a href="#home" class="move-top">
          <span class="fa fa-angle-up mb-3" aria-hidden="true"></span>
        </a>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "footer",
  data() {
    return {
      pcConfig: JSON.parse(localStorage.getItem("pcConfig")) || {},
    };
  },
  components: {},
  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroy() {}
};
</script>

<style scoped lang="less">
@import "./../../public/less/header_footer";
.container{
  padding-top: 30px;
}
</style>
